<!DOCTYPE html>
<html>

<head>
  <!-- <meta http-equiv="Content-Security-Policy"
    content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;script-src * 'unsafe-inline'"> -->

  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content: https://ssl.gstatic.com; 
    media-src * blob: 'self' http://* 'unsafe-inline' 'unsafe-eval'; 
    style-src * 'self' 'unsafe-inline'; 
    img-src * 'self' data: content:; 
    connect-src * blob:;">

  <meta charset="UTF-8">
  <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
  <title>Hello World!</title>
  <link href="../common/less/global.less" rel="stylesheet/less" type="text/css" />
  <link href="./index.less" rel="stylesheet/less" type="text/css" />
  <script type="text/javascript" src="../common/js/less.js"></script>
</head>

<body>
  <!-- 左侧菜单栏 -->
  <div class="dnfapp-menu unfold">

    <div class="dnfapp-menu-title">
      <div class="title1 unfold">功能頁面</div>
      <div class="title2 unfold"></div>
      <div class="fold-button"></div>
    </div>

    <div class="dnfapp-menu-search unfold">
      <input class="search-input " type="text" />
      <div class="search-button ">
        <div class="search-img"></div>
      </div>
    </div>

    <div class="dnfapp-menu-list" id="dnfapp-menu-list">
      <!-- 动态添加 -->
    </div>
  </div>

  <!-- 右侧动态加载 -->
  <div class="dnfapp-container fold">

    <!-- 标签区域 -->
    <div class="dnfapp-tags-container">

      <!-- 标签移动按钮 -->
      <div class="dnfapp-tags-buttons">
        <div class="left"></div>
        <div class="right"></div>
      </div>

      <!-- 已打开窗口标签 -->
      <div class="dnfapp-tags-group" id="dnf-tags-list"></div>
    </div>

    <!-- 加载区域 -->
    <div class="dnfapp-frame-container" index="0" id="dnf-frame-list"></div>


    <!-- 输出区域 -->
    <div class="dnfapp-console-container">
      <div class="console-title">输出信息:</div>
      <div class="console-clear" id="dnf-console-clear">
        <svg t="1674675160597" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="976" width="2rem" height="2rem">
          <path
            d="M219.428571 219.428571m36.571429 0l182.857143 0q36.571429 0 36.571428 36.571429l0 0q0 36.571429-36.571428 36.571429l-182.857143 0q-36.571429 0-36.571429-36.571429l0 0q0-36.571429 36.571429-36.571429Z"
            fill="#333333" p-id="977"></path>
          <path
            d="M219.428571 420.571429m36.571429 0l402.285714 0q36.571429 0 36.571429 36.571428l0 0q0 36.571429-36.571429 36.571429l-402.285714 0q-36.571429 0-36.571429-36.571429l0 0q0-36.571429 36.571429-36.571428Z"
            fill="#333333" p-id="978"></path>
          <path
            d="M167.204571 39.570286h606.098286c50.541714 0 100.754286 52.224 100.754286 106.130285v438.016c0 16.566857-14.994286 32.841143-32.841143 32.841143a46.665143 46.665143 0 0 1-16.457143-5.485714 29.257143 29.257143 0 0 1-16.384-27.355429V145.700571c0-23.588571-27.538286-41.581714-55.405714-41.581714H187.501714c-24.941714 0-45.238857 20.553143-45.238857 45.714286v683.446857c0 25.161143 20.297143 45.714286 45.238857 45.714286h220.086857c13.165714 0 36.498286 11.702857 36.461715 31.707428 0 24.905143-20.955429 34.523429-35.84 34.523429h-241.005715c-49.846857 0-90.404571-41.033143-90.404571-91.428572V129.901714a90.075429 90.075429 0 0 1 90.404571-90.331428z"
            fill="#333333" p-id="979"></path>
          <path
            d="M633.197714 600.283429a26.916571 26.916571 0 0 1 0 37.558857l-71.168 64.475428 215.661715 0.036572 17.92 0.365714 16.676571 0.804571c96.182857 5.997714 124.964571 35.328 128.841143 114.761143l0.438857 13.677715 0.073143 7.241142-0.256 14.189715c-2.962286 84.772571-34.011429 116.443429-137.142857 121.782857l-17.334857 0.658286-9.142858 0.146285-82.505142 0.073143a28.16 28.16 0 0 1-27.355429-27.355428 28.16 28.16 0 0 1 27.355429-27.355429h72.996571c82.212571 0 118.637714-22.857143 118.637714-82.176 0-62.683429-30.866286-82.139429-118.637714-82.139429H562.102857l71.533714 64.841143c9.874286 9.984 9.874286 26.770286-0.365714 37.12a25.746286 25.746286 0 0 1-36.827428 0.073143l-110.262858-109.714286a26.770286 26.770286 0 0 1 0.036572-37.485714l110.226286-111.542857a25.782857 25.782857 0 0 1 36.790857 0z"
            fill="#F72F39" p-id="980"></path>
        </svg>
      </div>
      <textarea id="dnf-console" spellcheck="false" autocapitalize="off" dir="ltr" wrap="SOFT" autocorrect="off"
        autocomplete="off" tabindex="0" spellcheck="false" readonly="true"></textarea>
    </div>
  </div>

  <!-- 标签栏浮动右键菜单 -->
  <div class="dnfapp-tag-contextmenu hidden" id="tag-contextmenu" onclick="ctxMenuHidden()"
    oncontextmenu="ctxMenuHidden()">

    <div class="dnfapp-tag-contextmenu-container">
      <div class="contextmenu-menu" onclick="ctxMenuRefresh()">
        刷新
      </div>
      <div class="contextmenu-menu" onclick="ctxMenuCurrent()">
        关闭当前标签页
      </div>
      <div class="empty"></div>
      <div class="contextmenu-menu ontextmenu-menu-border-top" onclick="ctxMenuLeft()">
        关闭左侧标签页
      </div>
      <div class="contextmenu-menu" onclick="ctxMenuRight()">
        关闭右侧标签页
      </div>
      <div class="contextmenu-menu" onclick="ctxMenuOther()">
        关闭其他标签页
      </div>
      <div class="contextmenu-menu" onclick="ctxMenuAll()">
        关闭全部标签页
      </div>
    </div>
  </div>

  <script src="../common/js/jquery-3.1.1.js" type="text/javascript"></script>
  <script src="../common/js/jquery.nicescroll.js" type="text/javascript"></script>
  <script src="../common/js/common.js" type="text/javascript">	</script>
  <script src="./index.js" type="text/javascript">	</script>
  <script>
    let version = "1.0.0(内测)"
    document.title = `Dnf台服吧 开发者工具平台 版本:${version}`
  </script>
</body>